<!DOCTYPE html>
<html class="wide wow-animation" lang="en">
  <head>
    <title>About</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link rel="icon" href="images/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Oswald:200,300,400,500,700%7CMontserrat:400,500,600">
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/fonts.css">
    <link rel="stylesheet" href="css/style.css">
  </head>
  <body>
    <div class="preloader">
      <div class="preloader-body">
        <div class="cssload-container">
          <div class="cssload-speeding-wheel"></div>
        </div>
        <p>Loading...</p>
      </div>
    </div>
    <div class="page">
      <header class="section page-header">
        <!--RD Navbar-->
        <div class="rd-navbar-wrap">
          <nav class="rd-navbar rd-navbar-classic" data-layout="rd-navbar-fixed" data-sm-layout="rd-navbar-fixed" data-md-layout="rd-navbar-fixed" data-md-device-layout="rd-navbar-fixed" data-lg-layout="rd-navbar-static" data-lg-device-layout="rd-navbar-static" data-xl-layout="rd-navbar-static" data-xl-device-layout="rd-navbar-static" data-lg-stick-up-offset="46px" data-xl-stick-up-offset="46px" data-xxl-stick-up-offset="46px" data-lg-stick-up="true" data-xl-stick-up="true" data-xxl-stick-up="true">
            <div class="rd-navbar-collapse-toggle rd-navbar-fixed-element-1" data-rd-navbar-toggle=".rd-navbar-collapse"><span></span></div>
            <div class="rd-navbar-main-outer">
              <div class="rd-navbar-main">
                <!--RD Navbar Panel-->
                <div class="rd-navbar-panel">
                  <!--RD Navbar Toggle-->
                  <button class="rd-navbar-toggle" data-rd-navbar-toggle=".rd-navbar-nav-wrap"><span></span></button>
                  <!--RD Navbar Brand-->
                  <div class="rd-navbar-brand">
                    <!--Brand--><a class="brand" href="index.html"><img class="brand-logo-dark" src="images/logo-default-225x39.png" alt="" width="112" height="19"/><img class="brand-logo-light" src="images/logo-default-225x39.png" alt="" width="112" height="19"/></a>
                  </div>
                </div>
                <div class="rd-navbar-main-element">
                  <div class="rd-navbar-nav-wrap">
                    <ul class="rd-navbar-nav">
                      <li class="rd-nav-item"><a class="rd-nav-link" href="index.html">Home</a>
                      </li>
                      <li class="rd-nav-item active"><a class="rd-nav-link" href="about.html">About</a>
                      </li>
                      <li class="rd-nav-item"><a class="rd-nav-link" href="tours.html">Tours</a>
                        <ul class="rd-menu rd-navbar-dropdown">
                          <li class="rd-dropdown-item"><a class="rd-dropdown-link" href="single-tour.html">Single Tour</a>
                          </li>
                        </ul>
                      </li>
                      <li class="rd-nav-item"><a class="rd-nav-link" href="services.html">Services</a>
                        <ul class="rd-menu rd-navbar-dropdown">
                          <li class="rd-dropdown-item"><a class="rd-dropdown-link" href="single-service.html">Single Service</a>
                          </li>
                        </ul>
                      </li>
                      <li class="rd-nav-item"><a class="rd-nav-link" href="#">Pages</a>
                        <ul class="rd-menu rd-navbar-megamenu">
                          <li class="rd-megamenu-item">
                            <h6 class="rd-megamenu-title"><a href="pages-1.html">Pages 1</a></h6>
                            <ul class="rd-megamenu-list">
                              <li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="typography.html">Typography</a></li>
                              <li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="buttons.html">Buttons</a></li>
                              <li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="forms.html">Forms</a></li>
                              <li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="tabs-and-accordions.html">Tabs and accordions</a></li>
                              <li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="progress-bars.html">Progress bars</a></li>
                              <li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="tables.html">Tables</a></li>
                            </ul>
                          </li>
                          <li class="rd-megamenu-item">
                            <h6 class="rd-megamenu-title">Pages 2</h6>
                            <ul class="rd-megamenu-list">
                              <li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="grid-system.html">Grid system</a></li>
                              <li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="privacy-policy.html">Privacy policy</a></li>
                              <li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="search-results.html">Search results</a></li>
                              <li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="under-construction.html">Under-construction</a></li>
                            </ul>
                          </li>
                        </ul>
                      </li>
                      <li class="rd-nav-item"><a class="rd-nav-link" href="contacts.html">Contacts</a>
                      </li>
                    </ul>
                  </div>
                  <!--RD Navbar Search-->
                  <div class="rd-navbar-search">
                    <button class="rd-navbar-search-toggle rd-navbar-fixed-element-2" data-rd-navbar-toggle=".rd-navbar-search"><span></span></button>
                    <form class="rd-search" action="search-results.html" data-search-live="rd-search-results-live" method="GET">
                      <div class="form-wrap">
                        <label class="form-label" for="rd-navbar-search-form-input">Search...</label>
                        <input class="rd-navbar-search-form-input form-input" id="rd-navbar-search-form-input" type="text" name="s" autocomplete="off">
                        <div class="rd-search-results-live" id="rd-search-results-live"></div>
                      </div>
                      <button class="rd-search-form-submit fa-search" type="submit"></button>
                    </form>
                  </div>
                </div>
              </div>
            </div>
          </nav>
        </div>
      </header>
      <!-- Breadcrumbs-->
      <section class="breadcrumbs-custom bg-image context-dark" style="background-image: url(images/breadcrumbs-bg.jpg);" data-preset='{"title":"Breadcrumbs","category":"header","reload":false,"id":"breadcrumbs"}'>
        <div class="container">
          <h4 class="breadcrumbs-custom-title">About</h4>
          <ul class="breadcrumbs-custom-path">
            <li><a href="index.html">Home</a></li>
            <li class="active">About</li>
          </ul>
        </div>
      </section>
      <section class="section section-lg bg-image-5">
        <div class="container">
          <div class="row row-40 flex-column-reverse flex-xl-row">
            <div class="col-xl-7 position-relative">
              <div class="image-box inverse wow fadeInLeft">
                <div class="image-box__static"><img src="images/img-about-2-364x459.jpg" alt="" width="364" height="459"/>
                </div>
                <div class="image-box__float"><img src="images/img-about-1-364x459.jpg" alt="" width="364" height="459"/>
                </div>
              </div>
            </div>
            <div class="col-xl-5">
              <h2><span class="wow fadeInRight d-xl-block">A Few Words</span><span class="wow fadeInRight d-xl-block" data-wow-delay=".2s">About Us</span></h2>
              <p class="wow fadeInRight offset-xl fw-sbold" data-wow-delay=".3s">Founded in 2006, Backpack Story was established by driven, dynamic, and innovative individuals who banded together.</p>
              <p class="wow fadeInRight" data-wow-delay=".4s">Within five years of business operations, we have expanded Backpack Story and opened up three other subsidiary offices to focus on the various needs of our customers. After just two years in the business, Journez was presented with two valuable awards – the US Travel Excellence Award 2013.<br class="d-none d-xl-block">In addition, the travel agency has gone through the year-long Customer- Centric Initiative (CCI) program and successfully attained the US Service Class certification.
                We offer plenty of destinations, including Europe, USA, and Exotic long haul tours, making it professional to provide better service.
              </p>
            </div>
          </div>
        </div>
      </section>
      <!--Team-->
      <section class="section section-lg bg-image-6">
        <div class="container">
          <h2 class="text-center text-md-start">Meet Our Team</h2>
        </div>
        <div class="creative-bg">
          <div class="container">
            <div class="row row-30 justify-content-center">
              <div class="col-lg-4 col-sm-6 wow fadeInUp" data-wow-delay=".1s">
                <div class="team-member-box">
                  <div class="team-member-box__media"><img src="images/team-member-1-370x510.jpg" alt="" width="370" height="510"/>
                  </div>
                  <div class="team-member-box__caption">
                    <h5><a href="#">Sophie Robbins</a></h5><span class="subtitle">Travel Agent</span>
                    <ul class="social-list">
                      <li><a href="#"><span class="icon fa fa-facebook"></span></a></li>
                      <li><a href="#"><span class="icon fa fa-twitter"></span></a></li>
                      <li><a href="#"><span class="icon fa fa-instagram"></span></a></li>
                      <li><a href="#"><span class="icon fa fa-pinterest"></span></a></li>
                    </ul>
                  </div>
                </div>
              </div>
              <div class="col-lg-4 col-sm-6 wow fadeInUp" data-wow-delay=".3s">
                <div class="team-member-box">
                  <div class="team-member-box__media"><img src="images/team-member-2-370x510.jpg" alt="" width="370" height="510"/>
                  </div>
                  <div class="team-member-box__caption">
                    <h5><a href="#">Ted Howells</a></h5><span class="subtitle">Tour Guide</span>
                    <ul class="social-list">
                      <li><a href="#"><span class="icon fa fa-facebook"></span></a></li>
                      <li><a href="#"><span class="icon fa fa-twitter"></span></a></li>
                      <li><a href="#"><span class="icon fa fa-instagram"></span></a></li>
                      <li><a href="#"><span class="icon fa fa-pinterest"></span></a></li>
                    </ul>
                  </div>
                </div>
              </div>
              <div class="col-lg-4 col-sm-6 wow fadeInUp" data-wow-delay=".3s">
                <div class="team-member-box">
                  <div class="team-member-box__media"><img src="images/team-member-3-370x510.jpg" alt="" width="370" height="510"/>
                  </div>
                  <div class="team-member-box__caption">
                    <h5><a href="#">Janette Brooks</a></h5><span class="subtitle">Travel Visa Specialist</span>
                    <ul class="social-list">
                      <li><a href="#"><span class="icon fa fa-facebook"></span></a></li>
                      <li><a href="#"><span class="icon fa fa-twitter"></span></a></li>
                      <li><a href="#"><span class="icon fa fa-instagram"></span></a></li>
                      <li><a href="#"><span class="icon fa fa-pinterest"></span></a></li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>
      <!--Our Values-->
      <section class="section section-lg bg-default">
        <div class="container">
          <h2>What You Get with Us</h2>
          <div class="row row-30 offset-lg">
            <div class="col-xl-3 col-md-4 col-sm-6 wow fadeInUp" data-wow-delay=".1s">
              <div class="box-value">
                <div class="box-value__icon">
                  <div class="icon linearicons-umbrella2"></div>
                </div>
                <h5><a href="#">Daily Tours</a></h5>
                <p>Cras eget vehicula metus, et lacinia nunc. Maecenas facilisis, orciut gravida posuer</p>
              </div>
            </div>
            <div class="col-xl-3 col-md-4 col-sm-6 wow fadeInUp" data-wow-delay=".2s">
              <div class="box-value">
                <div class="box-value__icon">
                  <div class="icon linearicons-boat"></div>
                </div>
                <h5><a href="#">Cruises</a></h5>
                <p>Bassus hippotoxota grauiter quaestios finis est. Castor de regius verpa, convertam orgia! </p>
              </div>
            </div>
            <div class="col-xl-3 col-md-4 col-sm-6 wow fadeInUp" data-wow-delay=".3s">
              <div class="box-value">
                <div class="box-value__icon">
                  <div class="icon linearicons-car"></div>
                </div>
                <h5><a href="#">Epic journeys</a></h5>
                <p>Hercle, nuptia azureus!, orexis! Cum ventus potus, omnes exsules promissio magnum.</p>
              </div>
            </div>
            <div class="col-xl-3 col-md-4 col-sm-6 wow fadeInUp" data-wow-delay=".4s">
              <div class="box-value">
                <div class="box-value__icon">
                  <div class="icon linearicons-luggage-weight"></div>
                </div>
                <h5><a href="#">NEW DESTINATIONS</a></h5>
                <p>Vae, plasmator! Teres, brevis guttuss etiam contactus de neuter, fortis gabalium!</p>
              </div>
            </div>
            <div class="col-xl-3 col-md-4 col-sm-6 wow fadeInUp" data-wow-delay=".5s">
              <div class="box-value">
                <div class="box-value__icon">
                  <div class="icon linearicons-bicycle"></div>
                </div>
                <h5><a href="#">CYCLING TRIPS</a></h5>
                <p>Scutum brevis silva est. Alter, bassus fermiums sensim anhelare de barbatus, castus tabes. </p>
              </div>
            </div>
            <div class="col-xl-3 col-md-4 col-sm-6 wow fadeInUp" data-wow-delay=".6s">
              <div class="box-value">
                <div class="box-value__icon">
                  <div class="icon linearicons-lifebuoy"></div>
                </div>
                <h5><a href="#">24/7 ONLINE SUPPORT</a></h5>
                <p>Velum acceleratrix ducunt ad velox visus. Observare solite ducunt ad fortis ionicis tormento. </p>
              </div>
            </div>
            <div class="col-xl-3 col-md-4 col-sm-6 wow fadeInUp" data-wow-delay=".7s">
              <div class="box-value">
                <div class="box-value__icon">
                  <div class="icon linearicons-landscape"></div>
                </div>
                <h5><a href="#">ECO LODGES &amp; TOURS</a></h5>
                <p>Heu, ferox classis! Fortis, varius candidatuss mechanice tractare de placidus, grandis absolutio.</p>
              </div>
            </div>
            <div class="col-xl-3 col-md-4 col-sm-6 wow fadeInUp" data-wow-delay=".8s">
              <div class="box-value">
                <div class="box-value__icon">
                  <div class="icon linearicons-road"></div>
                </div>
                <h5><a href="#">BUS TOURS</a></h5>
                <p>A falsis, adiurator velox idoleum. Placidus, ferox lunas sensim fallere de fatalis, germanus rector!</p>
              </div>
            </div>
          </div>
        </div>
      </section>
      <!--Brands-->
      <section class="section section-lg bg-image-7">
        <div class="container">
          <div class="row">
            <div class="col-12 column-bg-3 wow fadeInUp">
              <div class="row row-30 text-center">
                <div class="col-lg-2 col-md-3 col-sm-4 col-6"><a href="#"><img class="brand-img" src="images/brand-1.png" alt=""/></a></div>
                <div class="col-lg-2 col-md-3 col-sm-4 col-6"><a href="#"><img class="brand-img" src="images/brand-2.png" alt=""/></a></div>
                <div class="col-lg-2 col-md-3 col-sm-4 col-6"><a href="#"><img class="brand-img" src="images/brand-3.png" alt=""/></a></div>
                <div class="col-lg-2 col-md-3 col-sm-4 col-6"><a href="#"><img class="brand-img" src="images/brand-4.png" alt=""/></a></div>
                <div class="col-lg-2 col-md-3 col-sm-4 col-6"><a href="#"><img class="brand-img" src="images/brand-5.png" alt=""/></a></div>
                <div class="col-lg-2 col-md-3 col-sm-4 col-6"><a href="#"><img class="brand-img" src="images/brand-6.png" alt=""/></a></div>
                <div class="col-lg-2 col-md-3 col-sm-4 col-6"><a href="#"><img class="brand-img" src="images/brand-5.png" alt=""/></a></div>
                <div class="col-lg-2 col-md-3 col-sm-4 col-6"><a href="#"><img class="brand-img" src="images/brand-10.png" alt=""/></a></div>
                <div class="col-lg-2 col-md-3 col-sm-4 col-6"><a href="#"><img class="brand-img" src="images/brand-9.png" alt=""/></a></div>
                <div class="col-lg-2 col-md-3 col-sm-4 col-6"><a href="#"><img class="brand-img" src="images/brand-8.png" alt=""/></a></div>
                <div class="col-lg-2 col-md-3 col-sm-4 col-6"><a href="#"><img class="brand-img" src="images/brand-7.png" alt=""/></a></div>
                <div class="col-lg-2 col-md-3 col-sm-4 col-6"><a href="#"><img class="brand-img" src="images/brand-4.png" alt=""/></a></div>
              </div>
            </div>
          </div>
        </div>
      </section>
      <!--Steps And Counters-->
      <section class="section section-lg">
        <div class="container">
          <h2 class="text-center text-md-start">Recent Facts About Our Tour Agency</h2>
          <ul class="step-list row offset-lg row-30">
            <li class="col-lg-3 col-sm-6"><span class="icon linearicons-walk"></span>
              <div class="divider-step"></div>
              <!--Counter-->
              <div class="box-counter">
                <div class="box-counter-main">
                  <div class="counter">3241</div>
                </div>
                <div class="box-counter-divider"></div>
                <p class="box-counter-title">happy customers</p>
              </div>
            </li>
            <li class="col-lg-3 col-sm-6"><span class="icon linearicons-plane"></span>
              <div class="divider-step"></div>
              <!--Counter-->
              <div class="box-counter">
                <div class="box-counter-main">
                  <div class="counter">787</div>
                </div>
                <div class="box-counter-divider"></div>
                <p class="box-counter-title">Flights</p>
              </div>
            </li>
            <li class="col-lg-3 col-sm-6"><span class="icon linearicons-apartment"></span>
              <div class="divider-step"></div>
              <!--Counter-->
              <div class="box-counter">
                <div class="box-counter-main">
                  <div class="counter">1203</div>
                </div>
                <div class="box-counter-divider"></div>
                <p class="box-counter-title">Hotels to stay</p>
              </div>
            </li>
            <li class="col-lg-3 col-sm-6"><span class="icon linearicons-ship"></span>
              <div class="divider-step"></div>
              <!--Counter-->
              <div class="box-counter">
                <div class="box-counter-main">
                  <div class="counter">9874</div>
                </div>
                <div class="box-counter-divider"></div>
                <p class="box-counter-title">Awesome Tours</p>
              </div>
            </li>
          </ul>
        </div>
      </section>
      <!--Footer-->
      <footer class="section footer-classic context-dark">
        <div class="container">
          <div class="row row-narrow-40 row-30">
            <div class="col-lg-6 text-center wow fadeInLeft" data-wow-delay=".1s">
              <div class="footer-media"><img src="images/footer-img-570x402.jpg" alt="" width="570" height="402"/>
              </div>
            </div>
            <div class="col-lg-6 wow fadeInRight" data-wow-delay=".2s">
              <div class="footer-classic_subscribe">
                <h2>Newsletter Signup</h2>
                <h5 class="text-primary">SIGN UP NOW TO RECEIVE HOT SPECIAL OFFERS AND INFORMATION ABOUT THE BEST TOURS!</h5>
                <form class="rd-form rd-mailform rd-form-inline subscribe-form" data-form-output="form-output-global" data-form-type="subscribe" method="post" action="bat/rd-mailform.php">
                  <div class="form-wrap">
                    <input class="form-input" id="subscribe-form-email-5" type="email" name="email" data-constraints="@Email @Required">
                    <label class="form-label" for="subscribe-form-email-5">Enter your e-mail</label>
                    <div class="form-button">
                      <button class="button button-primary fa fa-chevron-circle-right" type="submit"></button>
                    </div>
                  </div>
                </form>
              </div>
            </div>
          </div>
        </div>
        <div class="footer-classic-aside">
          <div class="container">
            <div class="row justify-content-between flex-column-reverse flex-md-row row-20">
              <div class="col-xl-6 col-md-8">
                <div class="footer-classic-aside__group">
                  <!--Brand--><a class="brand" href="index.html"><img class="brand-logo-dark" src="images/logo-default-225x39.png" alt="" width="112" height="19"/><img class="brand-logo-light" src="images/logo-default-225x39.png" alt="" width="112" height="19"/></a>
                  <p class="rights"><span>Copyright</span><span>&nbsp;</span><span>&copy;&nbsp;</span><span class="copyright-year"></span><span>&nbsp;</span><span>All Rights Reserved</span> <a target="_blank" href="https://www.mobanwang.com/" title="网站模板">网站模板</a></p>
                </div>
              </div>
              <div class="col-xl-3 col-md-4">
                <ul class="social-list">
                  <li class="wow fadeInUp" data-wow-delay=".1s"><a href="#"><span class="icon fa fa-facebook"></span></a></li>
                  <li class="wow fadeInUp" data-wow-delay=".2s"><a href="#"><span class="icon fa fa-twitter"></span></a></li>
                  <li class="wow fadeInUp" data-wow-delay=".3s"><a href="#"><span class="icon fa fa-instagram"></span></a></li>
                  <li class="wow fadeInUp" data-wow-delay=".4s"><a href="#"><span class="icon fa fa-pinterest"></span></a></li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </footer>
    </div>
    <div class="snackbars" id="form-output-global"></div>
    <script src="js/core.min.js"></script>
    <script src="js/script.js"></script>
  </body>
</html>